<!DOCTYPE html>
<html>
<head>
<script>
testRunner.waitUntilDone();
</script>
<script src='../../../fast/forms/resources/picker-common.js'></script>
</head>
<body>
<input type='color' id='color' value='#ff0000' list='colors'>
<datalist id='colors'>
    <option value='#ff00ff'>F</option>
    <option value='#eee00e'>E</option>
    <option value='#d00ddd'>D</option>
    <option value='#00cccc'>C</option>
    <option value='#bbbb00'>B</option>
    <option value='#aa00aa'>A</option>
    <option value='#009999'>9</option>
    <option value='#800888'>8</option>
    <option value='#777700'>7</option>
    <option value='#006666'>6</option>
    <option value='#550055'>5</option>
    <option value='#444004'>4</option>
    <option value='#333300'>3</option>
    <option value='#200222'>2</option>
    <option value='#111001'>1</option>
    <option value='#000000'>0</option>
    <option value='#F00'>f00</option> <!--invalid-->
    <option value='red'>red</option> <!--invalid-->
</datalist>
<script>
openPickerAppearanceOnly(document.getElementById('color'), () => testRunner.notifyDone());
</script>
</body>
</html>
